<template>
  <div>
     <div class="title">
      <router-link to="/login?username='哇哈哈'&password='123456'" exact>登录</router-link>
     <router-link to="/register" exact>注册</router-link>
     <router-link to="/article/三国演义/石家庄赵子龙" exact>文章</router-link>
     <router-link to="list" exact>列表</router-link>
     </div>
     <hr>
     <router-view></router-view>
   </div>
</template>
 
<script>
export default {
  name: "",
  components: {},
  props: {},
  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},
  methods: {}
};
</script>

<style scoped>
     .title{
      font-size: 22px;
      padding-left: 200px;
      display: flex;
      justify-content: space-evenly;
     }
     router-link-exact-active ,
     .router-link-active{
      padding-left: 20px;
      color:red;
     }
</style>